export default {
  computed: {
    // 不要直接使用$attrs透传属性，一些情况会触发vue内部watch的深度监听引起性能问题
    attrsCopy() {
      return this.deepClone(this.$attrs)
    },
  },
  methods: {
    deepClone(obj, hash = new WeakMap()) {
      if (obj === null) return obj // 如果是null或者undefined我就不进行拷贝操作
      if (obj instanceof Date) return new Date(obj)
      if (obj instanceof RegExp) return new RegExp(obj)
      // 可能是对象或者普通的值  如果是函数的话是不需要深拷贝
      if (typeof obj !== 'object') return obj
      // 是对象的话就要进行深拷贝
      if (hash.get(obj)) return hash.get(obj)
      const cloneObj = new obj.constructor()
      // 找到的是所属类原型上的constructor,而原型上的 constructor指向的是当前类本身
      hash.set(obj, cloneObj)

      /* eslint-disable */
      for (const key in obj) {
        if (obj.hasOwnProperty(key)) {
          // 实现一个递归拷贝
          cloneObj[key] = this.deepClone(obj[key], hash)
        }
      }
      /* eslint-enable */
      return cloneObj
    },
  },
}
